<!--#layout("/common/layout.html",{"jsBase":"/js/admin/home/"}){ -->

<style type="text/css">

    .my-col-md6{
        width: 25%;
    }

    .my-card-header{
        background-color: #676a6c;
        color: #ffffff;
        font-size: 20px;
    }

    .my-card-body{
        font-size: 26px;
        margin: 20px auto;
    }

    .my-card-body-font-gray{
        color: #7b7b7b;
    }

    table,tbody,tr,td{
        font-size: 18px!important;
        text-align: center!important;
    }

    th{
        font-size: 18px!important;
        text-align: center!important;
        background-color: #676a6c!important;
        color: #ffffff!important;
    }
</style>



<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;background-color: #f6f6f6;">
    <legend style="font-size: 26px;">数据<span style="font-size: 14px;color: #7b7b7b">&nbsp;&nbsp;(截止至昨日)</span></legend>
    <div>


        <div style="margin: 0px 30px 30px 30px;display: flex;">
            <div class="layui-row layui-col-space15" style="margin: 0 auto;width: 100%;">

                <div class="layui-col-md6 my-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header my-card-header">访问次数</div>
                        <div id="visit" class="layui-card-body my-card-body">
                            ${statistics.visitTimes}
                        </div>

                    </div>
                </div>

                <div class="layui-col-md6 my-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header my-card-header">用户数</div>
                        <div id="newUser" class="layui-card-body my-card-body">
                            ${statistics.userNum}
                        </div>

                    </div>
                </div>

                <div class="layui-col-md6 my-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header my-card-header">交易笔数 </div>
                        <div id="merchantTradeNum" class="layui-card-body my-card-body">
                            ${statistics.tradeTimes}
                        </div>

                    </div>
                </div>

                <div class="layui-col-md6 my-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header my-card-header">交易金额（元）</div>
                        <div id="merchantTradeMoney" class="layui-card-body my-card-body">
                            ${statistics.tradeMoney}
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</fieldset>




<!--#} -->
<script>
    layui.use(['index'], function(){
        var index = layui.index
    });
</script>


